/* Alert mode style sheet */
.v-dialog-alert
  background-repeat: no-repeat
  background-position: 20px 20px
  min-height: 100%
  overflow: hidden
  position: relative
  &.no-icon
    .v-dialog-alert__content
      padding-left: 15px
  &.alertInfo
    background-image: url("")
  &.alertWarning
    background-image: url("")
  &.alertError
    background-image: url("")
  &.alertSuccess
    background-image: url("")
  &.alertConfirm
    background-image: url("")
  .v-dialog-alert__content
    padding: 23px 10px 0 104px
    font-size: 14px
    line-height: 1.5
    overflow-y: auto
    min-height: 100px
  .v-dialog-alert__buttons
    text-align: right
    padding: 10px
    position: absolute
    bottom: 0
    right: 0
    button
      outline: none !important
      padding: 8px 15px
      margin-left: 5px
      min-width: 90px
      -webkit-border-radius: $borderRadius
      -moz-border-radius: $borderRadius
      border-radius: 4px
      font-size: 14px
      -webkit-box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.2)
      box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.2)
      -webkit-transition: all .2s ease-in-out
      -moz-transition: all .2s ease-in-out
      transition: all .2s ease-in-out
      &:active
        -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.2), 0 6px 6px rgba(0,0,0,.23)
        box-shadow: 0 10px 20px rgba(0,0,0,.2), 0 6px 6px rgba(0,0,0,.23)
    .v-dialog-btn__ok
      border: 1px solid #516270
      background-color: #516270
      color: white
    .v-dialog-btn__cancel
      border: 1px solid #F0F0F0
      background-color: #F0F0F0

=dialog-shadow($color)
  box-shadow: 0 0 30px $color !important
  -moz-box-shadow: 0 0 30px $color !important
  -webkit-box-shadow: 0 0 30px $color !important

.v-dialog__shadow--error
  +dialog-shadow(rgba(255,0,0,0.5))

.v-dialog__shadow--warning
  +dialog-shadow(rgba(255,165,0,0.5))

.v-dialog__shadow--success
  +dialog-shadow(rgba(0,255,0,0.5))
